<!DOCTYPE html>
<html lang="en">
<head>
<link href="static/css/bootstrap.css" rel="stylesheet">
 <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
<link href="static/css/bootstrap-responsive.min.css__" rel="stylesheet">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="static/js/bootstrap.min.js"></script>
</head>

<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn navbar-btn" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="glyphicon glyphicon-bar"></span>
            <span class="glyphicon glyphicon-bar"></span>
            <span class="glyphicon glyphicon-bar"></span>
          </a>
          <a class="brand" href="#">Project name</a>
          <div class="navbar-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li class="nav-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
            <form class="navbar-form pull-right">
              <input class="span2" type="text" placeholder="Email">
              <input class="span2" type="password" placeholder="Password">
              <button type="submit" class="btn btn-default">Sign in</button>
			  <a href="#" class="btn btn-default">Register</a>
            </form>
          </div><!--/.navbar-collapse -->
        </div>
      </div>
    </div>
	
	<div class="container">
		<div class="jumbotron">
		  <h1>Heading</h1>
		  <p>Tagline</p>
		  <p>
			<a class="btn btn-primary btn-large">
			  Learn more
			</a>
		  </p>
		</div>
		
		<div class="row-fluid">
			<ul class="img-thumbnails">
				<li class="span3">
					<div class="img-thumbnail">
						<a href="#">
						  <img src="http://placehold.it/260x180" alt="">
						</a>
						<div class="caption">
							<h3>img-thumbnail label</h3>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn btn-default">Action</a></p>
						</div>
					</div>
				  </li>
				<li class="span3">
					<div class="img-thumbnail">
						<a href="#">
						  <img src="http://placehold.it/260x180" alt="">
						</a>
						<div class="caption">
							<h3>img-thumbnail label</h3>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn btn-default">Action</a></p>
						</div>
					</div>
				  </li>
				<li class="span3">
				    <div class="img-thumbnail">
						<a href="#">
						  <img src="http://placehold.it/260x180" alt="">
						</a>
						<div class="caption">
							<h3>img-thumbnail label</h3>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn btn-default">Action</a></p>
						</div>
					</div>
				  </li>
				<li class="span3">
					<div class="img-thumbnail">
						<a href="#">
						  <img src="http://placehold.it/260x180" alt="">
						</a>
						<div class="caption">
							<h3>img-thumbnail label</h3>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn btn-default">Action</a></p>
						</div>
					</div>
				  </li>
			</ul>
		</div>
	</div>
	<div class="container">
		<footer class="pull-right"><p>&copy; Company 2012</p></footer>
	</div>
</body>
</html>